{% extends "base.html" %}
{% load markup %}
{% block css %}
        <link type="text/css" rel="stylesheet" href="/static/about.css"/> 
{% endblock %}
{% block body %}
                <div class="left" id="aboutmeimg">
                    <img src="../static/Headshot.jpg" alt="Crimson Facepic" style="width:100%"/>
                </div>
                <div class="right" style="width:66%;">
                    <h2> {{articlelist.title}}</h2>
                    {{articlelist.body|markdown}}
                </div>
                <div class="right photos" style="width:66%;padding-top:16px;">
                    {% for photo in photos %}
                        <a href="{{photo.1}}">
                            <img src="{{photo.0}}"alt="thumbnail" />
                        </a>
                    {% endfor %}
                </div>
{% endblock %}
